<template>
    <div class="wast-info-card-container">
        <el-form label-position="left" inline class="demo-table-expand">
            <el-row :gutter="15">
                <el-col :span="12">
                    <el-form-item label="危废分类">
                        <span>{{ row.wasteTypeName }}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="所属行业">
                        <span>{{ row.industryName }}</span>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row :gutter="15">
                <el-col :span="12">
                    <el-form-item label="危废形态">
                        <span>{{ wasteShapeFormat(row.wasteShape) }}</span>
                    </el-form-item>
                </el-col>

                <el-col :span="12">
                    <el-form-item label="处置方式">
                        <span>{{
                            handlerMethodFormat(row.handlerMethod)
                        }}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="15">
                <el-col :span="12">
                    <el-form-item label="包装形式">
                        <span>{{ packageTypeFormat(row.packageType) }}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="危险特性">
                        <span>{{
                            hazardousCharacteristicsFormat(
                                row.hazardousCharacteristics
                            )
                        }}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="15">
                <el-col :span="24">
                    <el-form-item label="安全措施">
                        <span>{{ row.securityMeasure }}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <!-- <el-row :gutter="15">
                <el-col :span="24">
                    <el-form-item label="备注">
                        <span>{{ row.remark }}</span>
                    </el-form-item>
                </el-col>
            </el-row> -->
        </el-form>
    </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
    name: "WasteInfoCard",
    props: {
        row: {
            type: Object,
        },
    },
    data() {
        return {};
    },
    created() {},
    computed: {
        ...mapGetters([
            "packageTypeOptions",
            "handlerMethodOptions",
            "wasteShapeOptions",
            "hazardousCharacteristicsOptions",
        ]),
    },
    methods: {
        // 包装形式字典翻译
        packageTypeFormat(packageType) {
            return this.selectDictLabel(this.packageTypeOptions, packageType);
        },
        // 处置方式字典翻译
        handlerMethodFormat(handlerMethod) {
            return this.selectDictLabel(
                this.handlerMethodOptions,
                handlerMethod
            );
        },
        // 危废形态字典翻译
        wasteShapeFormat(wasteShape) {
            return this.selectDictLabel(this.wasteShapeOptions, wasteShape);
        },

        // 危险特性字典翻译
        hazardousCharacteristicsFormat(hazardousCharacteristics) {
            return this.selectDictLabels(
                this.hazardousCharacteristicsOptions,
                hazardousCharacteristics
            );
        },
    },
};
</script>

<style scoped lang="scss">
</style>


